<!DOCTYPE html>
<html>
<head>
    <style>
        .transparent-bg {
            background-image: url("../src/assets/1.png"); /* 替换为你的图片 URL */
            background-color: rgba(0, 0, 0, 0.5); /* 设置背景色并设定透明度 */
            opacity: 0.8; /* 设置整个元素的透明度，该值会作用于内容和背景 */
            /* 其他样式属性 */
            color: #ffffff;
            padding: 20px;
        }
    </style>

</head>
<body>


<div class="transparent-bg">
    <!-- 内容 -->
    <h1>Hello World</h1>
    <p>This is a transparent background with an image as the base.</p>
</div>


</body>
</html>